<template>
	<view class="user">
		<view class="info">
			<image class="portrait" src="/static/images/logo2.jpg" mode=""></image>
			<view class="name">
				石头
			</view>
			<view>来自 ：山东</view>
		</view>
		
		<view class="appEval">
			<row-widget text="我的下载" icon-type="download-filled" number="0"></row-widget>
			<row-widget text="我的评分" icon-type="star-filled" number="0"></row-widget>
			<row-widget text="联系客服" 
			icon-type="chatboxes-filled"
			:bottom-border="false"
			:hover-button="true"
			button-text="联系客服"
			></row-widget>
		
		</view>
		<view class="appEval">
			<row-widget text="订阅更新"
			icon-type="notification-filled"
			></row-widget>
			<row-widget text="常见问题"
			icon-type="flag-filled"
			:bottom-border="false"
			></row-widget>
		</view>
	</view>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.user{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background:
		linear-gradient(to bottom,transparent,#fff 400rpx),
		linear-gradient(to right,#beecd8 20%,#F4E2D8);
	padding-top: 200rpx;
	
	.info{
		gap: 10rpx;
		display: flex;
		flex-direction: column;
		justify-content: start;
		align-items: center;
		margin-bottom: 100rpx;
		
		.portrait{
			width: 150rpx;
			height: 150rpx;
			border-radius: 50%;
		}
	}
	
	.appEval{
		width: 720rpx;

		border-radius: 10rpx;
		margin-bottom: 50rpx;
		box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.1); // 添加淡淡的灰色阴影效果
	}	
}
</style>
